<!--
HTML5. Use tags like <article>, <section>, etc.
See: http://www.sitepoint.com/web-foundations/doctypes/
-->
<html lang="en">
<head>
    <meta charset="utf-8">
    <!--
    Ask IE to behave like a modern browser
    See: https://www.modern.ie/en-us/performance/how-to-use-x-ua-compatible
    -->
    <meta http-equiv="x-ua-compatible" content="ie=edge">

    <title>Profile</title>

    <!--
    Disables zooming on mobile devices.
    -->
    <meta name="viewport" content="width=device-width,initial-scale=1">

    <!--
    Stylesheet that minimizes browser differences.
    See: http://necolas.github.io/normalize.css/
    -->
    <link rel="stylesheet" href="css/normalize.css">

    <!--
    Our own stylesheet.
    -->
    <link rel="stylesheet" href="css/main.css">
</head>
<body>

<div class="container">
    <header class="main-header">
        <img class="main-header__avatar" src="img/head.jpg" alt="">

        <h1>Hi, I'm 小红</h1>
    </header>

    <nav class="main-nav">
        <ul>
            <li><a href="#Work_sec">Work</a></li>
            <li><a href="#Experience_sec">Experience</a></li>
            <li><a href="#Skill_sec">Skill</a></li>
            <li><a href="#Contact_sec">Contact</a></li>
        </ul>
    </nav>

    <section name="Work_sec" id="Work_sec" class="info-section whatido">
        <header>
            <h2 class="whatido_title">What I Do</h2>

            <div class="s-line"></div>

            <p class="info-section__description">Coding with several languages, especially in Java. Designed and
                implemented a system independently!<br/>
                <!-- Skillful in JavaEE development. Experienced in website construction with a popular framework;<br/>
                 Good knowledge of database, such as MySQL, Oracle and HBase;<br/>
                 Frequent use of support software, such as Power Designer, jQuery and Mindmap;<br/>
                 Resolving complex performance issues for Cloud System.-->
            </p>
        </header>
        <ul class="whatido__skill-list">
            <li class="whatido__skill whatido__skill--code">
                <h3>Code</h3>

                <p>I'm good at Java , sometimes I could work as a full-stack engineer.</p>
            </li>
            <li class="whatido__skill whatido__skill--design">
                <h3>Design / UX</h3>

                <p>I like creating happiness by making things look good and work well.</p>
            </li>
            <li class="whatido__skill whatido__skill--product">
                <h3>Product</h3>

                <p>I like taking products from idea to reality to users and beyond!</p>
            </li>
        </ul>
    </section>

    <section name="Experience_sec" id="Experience_sec" class="info-section education-experience">
        <header>
            <h2>Education <span>&amp;</span> Experience</h2>

            <div class="s-line"></div>
        </header>
        <ul class="education-experience__list">
            <li>
                <img src="img/standard-chartered-logo-top.png" alt="Standard Chartered">

                <article class="education-experience__list__description">
                    <h3>Standard Chartered</h3>

                    <p class="education-experience__title">Software Engineer, 2014 - Present</p>

                    <p class="education-experience__description">Financial Markets Solutions Delivery (FMSD) is a global
                        unit that builds, implements and supports IT solutions to enable the Financial Markets business
                        of Standard Chartered Bank.
                        To perform analysis and development as part of the Group Market Risk team (GMR). GMR is in
                        charge of the definition of methodologies for portfolio market risk metrics, in particular Value
                        at Risk (VaR) and Expected Shortfall (ES), supervision of the market risk platform and
                        compliance with regulatory requirements .</p>
                </article>
            </li>
            <li>
                <img src="img/sap-logo.png" alt="SAP">
                <article class="education-experience__list__description">
                    <h3>SAP</h3>

                    <p class="education-experience__title">Performance Engineer Intern, 2013 - 2014</p>

                    <p class="education-experience__description">Drive the effort of Performance and Scalability
                        Assurance
                        for all products that company delivers;
                        PerfLog, a system based on logs of big data’s analysis, do makes improvement trouble shooting;
                        Develop the modules of PerfLog, including Perf-Hadoop, Perf-Monitor and Perf-Proxy.</p>
                </article>
            </li>
            <li>
                <img src="img/tedxningbo.png" alt="TEDxNingbo">
                <article class="education-experience__list__description">
                    <h3>TEDxNingbo</h3>

                    <p class="education-experience__title">Consultant, 2012 - 2014</p>

                    <p class="education-experience__description">Drive the technical area;
                        provide the advice of process and preparement.</p>
                </article>
            </li>
            <li>
                <img src="img/innotel-logo.png" alt="Innotel">
                <article class="education-experience__list__description">
                    <h3>Innotel</h3>

                    <p class="education-experience__title">Software Engineer Intern, 2012</p>

                    <p class="education-experience__description">Use handhelds on inventory of fixed assets by RFID,
                        through
                        the interface to get real-time data;
                        Offer the following services about collections, statistics and reports;
                        Requirement analysis, data modeling, and program development.
                        Innotel has been committed to wireless data communication, mobile office automation and
                        information
                        such as the exploration and development of application fields, for the major mobile operators,
                        the
                        government public institutions, ports, railways aviation manufacturing industry, and other areas
                        of
                        the public transportation, and logistics and state-owned large and medium-sized enterprises, to
                        provide advanced solutions for business operations and process management.</p>
                </article>
            </li>
            <li>
                <img src="img/renren-logo.jpg" alt="">
                <article class="education-experience__list__description">
                    <h3>Renren.com</h3>

                    <p class="education-experience__title">Lead Marketing Specialist, 2008 - 2009</p>

                    <p class="education-experience__description">Lead RenRen.com's channel and market at Heilongjiang
                        province.
                        Renren Inc. operates a leading real-name social networking internet platform in China. Renren,
                        which
                        means 'Everyone' in Chinese, enables users to connect and communicate with each other, share
                        information, create user generated content, play online games, watch videos and enjoy a wide
                        range
                        of other features and services. We believe real name relationships create a stronger and more
                        enduring social graph that is essential in the mobile internet world and difficult to
                        replicate.</p>
                </article>
            </li>
            <li>
                <img src="img/zju.png" alt="ZJU">
                <article class="education-experience__list__description">
                    <h3>Zhejiang University</h3>

                    <p class="education-experience__title">Master of Software Engineering (Financial Information), 2012
                        -
                        2014</p>

                    <p class="education-experience__description">Major at financial information technology.
                        Develop with popular JavaEE framework;
                        Build “Communication System of ABC Bank” and “Ningbo Standard Information Service Platform”;
                        Lead some mates receive contest awards, including originality competitions and program
                        projects.</p>
                </article>
            </li>
            <li>
                <img src="img/usth-nait.jpg" alt="USTH">
                <article class="education-experience__list__description">
                    <h3>University of Science and Technology of Heilongjiang</h3>

                    <h3>& The Northern Alberta Institute of Technology</h3>

                    <p class="education-experience__title">Bachelor of Computer Science and Technology, 2007 - 2011</p>

                    <p class="education-experience__description">Major at Computer Science and Technology.
                        Graduated at the project of USTH & NAIT.</p>
                </article>
            </li>
        </ul>
    </section>

    <section name="Skill_sec" id="Skill_sec" class="info-section photos">
        <header>
            <h2>Skill</h2>

            <div class="s-line"></div>
            <p class="info-section__description">Skills in my tech stack!</p>
        </header>
        <div class="photos__list">
            <img src="img/java.jpg" alt="">
            <img src="img/js.jpg" alt="">
            <img src="img/b.jpg" alt="">
            <img src="img/mysql.jpg" alt="">
            <img src="img/oracle.jpg" alt="">
            <img src="img/hadoop.jpg" alt="">
            <img src="img/groovy.jpg" alt="">
            <img src="img/python.jpg" alt="">

        </div>
    </section>

    <section name="Contact_sec" id="Contact_sec" class="info-section get-in-touch">
        <header>
            <h2>Get in Touch</h2>

            <div class="s-line"></div>
        </header>
        <ul class="get-in-touch__list">
            <li>
                <a href="http://weibo.com/alaahong"><img src="img/sina-weibo_icon.png" alt="Weibo"></a>

                <p>Weibo</p>
            </li>
            <li>
                <a href="https://github.com/alaahong"> <img src="img/github_icon2.png" alt="Github">

                    <p>Github</p></a>
            </li>
            <li>
                <a href="https://cn.linkedin.com/in/alaahong"> <img src="img/linkedin-icon.png" alt="LinkedIn">

                    <p>LinkedIn</p></a>

            </li>
            <li>
                <a href="mailto:ian.zhangzhe@gmail.com"> <img src="img/email-icon.png" alt="Email">

                    <p>Email</p></a>

            </li>
        </ul>
    </section>

    <section class="info-section contact">
        <!-- <header>
             <h2>Or...Leave a Message</h2>

             <div class="s-line"></div>
         </header>
         <form action="">
             <div class="padding_leave">
                 <div class="box"><label class="outside" for="name">Name</label>

                     <input id="name" class="text_width" type="text">

                 </div>
                 <div class="box"><label class="outside" for="email">Email</label>
                     <input id="email" class="text_width" type="text">

                 </div>
                 <div class="box">

                     <label class="outside" for="message">Message</label>
                     <textarea cols="35" class="text_width" id="message"></textarea>
                 </div>
                 <div class="padding_margin">
                     <button class="padding_box" type="submit">Submit</button>
                 </div>
             </div>
         </form>-->
        <br/>
        <br/>
        <br/>
        <br/>
        <br/> <br/>
        <br/>
        <br/> <br/>
        <br/>
        <br/>
    </section>

    <section id="footer" name="footer">
        <p>Copyright <a href="https://cn.linkedin.com/in/alaahong">@alaahong</a> 2015</p>
    </section>
</div>


<link href='http://fonts.useso.com/css?family=Open+Sans:400,300' rel='stylesheet' type='text/css'>
</body>
</html>
